<template>
	<div v-if="isDev">
		<a v-for="x in routers" class="" style="margin:0 15px;" type="primary" :href="'http://' + host + '#' + x.path">{{x.name}}</a>
	</div>
  <router-view/>
</template>
<script>
import routers from '/@/router/routers.js'
export default {
  name: 'App',
  mounted(){
	this.routers = routers
  },
  components: {
    
  },
  data(){
	return {
		host:location.host,
		isDev:process.env.NODE_ENV === 'development' ? true : false,
		routers:''
	}
  }
}
</script>

<style>
body{
	padding:0px;
	margin:0px;
}
.logo {
  width: 50%
}
#app{
	margin-top:0px;
	text-align: left;
}

a:active, a:hover, a:link, a:visited {
    color: inherit !important;
    border: none !important;
    text-decoration: none !important;
}

</style>
